<template>
    <div class="sentenceMoudel">
        <ul>
            <li v-for="(item,key) in sentenceList" :key="key">
                <sentence-moudel :item='item'></sentence-moudel>
            </li>
            <li class="loading" v-if="loadStatus === 'pending'">
                <i class="el-icon-loading"></i> 句子加载中~
            </li>
            <li class="loading" v-if="loadStatus === 'noData'">
                没有更多句子了
            </li>
        </ul>
    </div>
</template>

<script>
import { mapMutations, mapGetters, mapActions} from 'vuex';
import sentenceMoudel from './module/sentence'
export default {
    data() {
        return {
        }
    },
    computed: {
        ...mapGetters('sentence', ['sentenceList', 'loadStatus'])
    },
    components: {
        sentenceMoudel
    }
}
</script>